<template>
	<svg :style='{width:width,height:height,fontSize:fontSize}' aria-hidden='true'
	xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 496 512"><path d="M248 8C111 8 0 119 0 256s111 248 248 248s248-111 248-248S385 8 248 8zM88 224c0-24.3 13.7-45.2 33.6-56c-.7 2.6-1.6 5.2-1.6 8c0 17.7 14.3 32 32 32s32-14.3 32-32c0-2.8-.9-5.4-1.6-8c19.9 10.8 33.6 31.7 33.6 56c0 35.3-28.7 64-64 64s-64-28.7-64-64zm224 176H184c-21.2 0-21.2-32 0-32h128c21.2 0 21.2 32 0 32zm32-112c-35.3 0-64-28.7-64-64c0-24.3 13.7-45.2 33.6-56c-.7 2.6-1.6 5.2-1.6 8c0 17.7 14.3 32 32 32s32-14.3 32-32c0-2.8-.9-5.4-1.6-8c19.9 10.8 33.6 31.7 33.6 56c0 35.3-28.7 64-64 64z" fill="currentColor" /></svg>
</template>
<script setup lang='ts'>
const props = defineProps({
	width    : { type : String, require : false, default : '1em' },
	height   : { type : String, require : false, default : '1em' },
	fontSize : { type : String, require : false, default : 'inherit' }
});
</script>
